<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*标签名选择器*/
    h2 {
      color: green;
    }
  </style>
  <!--引入css样式文件-->
  <link rel="stylesheet" href="my.css">
</head>
<body>
<!--CSS样式：
  三种引入方式：
    内联样式：在标签的开始标签style属性中添加样式代码,弊端：不能复用
    内部样式：在head标签里面添加style标签，标签体内写样式代码,可以复用，但是只能在当前页面复用，不能多页面复用。
    外部样式：在单独的css样式文件中写样式代码，在html页面中通过link标签引入，可以实现多页面复用。

    工作中外部引入方式用的多，因为可以多页面复用，而且可以将html代码和css样式代码分离开，便于维护和管理。
-->
<h1 style="color: red">内联样式1</h1>
<h1 style="color: red">内联样式2</h1>
<h2>内部样式1</h2>
<h2>内部样式2</h2>
<h3>外部样式1</h3>
<h3>外部样式2</h3>
</body>
</html>